<!-- [ngStyle]="{'width': shadowWidth}" -->
<div #container class="rotateDiv">
    <div #rotateDiv class="rotateDiv01" [ngStyle]="{'left': relativeLeftTxt}">
        <div *ngIf="dataSet.length;else elseBlock">

            <div nz-row>
                <div nz-col nzSpan="24">
                  <!-- style="width: 90%;table-layout: fixed;" -->
                    <nz-table #nzTable [nzData]="dataSet" nzSize="small" nzShowPagination="true" 
                     style="width: 98%;table-layout: fixed;" nzBordered>
                        <thead>
                            <tr class="colHeaderBackColor">
                                <th nzWidth="50px" style="max-width: 60px;">订单号</th>
                                <th nzWidth="100px">品名</th>
                                <th nzWidth="70px">规格</th>
                                <th nzWidth="70px">颜色</th>
                                <th nzWidth="70px">色号</th>
                                <th nzWidth="50px" class="align-right">匹数</th>
                                <th nzWidth="60px" class="align-right">公斤</th>
                                <th nzWidth="60px" class="align-right">米数</th>
                                <th nzWidth="60px">客户工艺</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of nzTable.data;let index = index" [ngClass]="{'colHeaderBackColor': isEven(index)}">

                                <td>{{data.orderno}}</td>
                                <td>{{data.product_name}}</td>
                                <td>{{data.specification}}</td>
                                <td>{{data.color}}</td>
                                <td>{{data.colorno}}</td>
                                <td class="align-right">{{data.pairs | number:'1.0-0'}}</td>
                                <td class="align-right">{{data.kilo | number:'1.1-1'}}</td>
                                <td class="align-right">{{data.meter | number:'1.1-1'}}</td>
                                <td>{{data.client_process}}</td>
                            </tr>
                            <tr>
                                <td>汇总：</td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td></td>
                                <td class="align-right">{{ agg_pair | number:'1.0-0' }}</td>
                                <td class="align-right">{{ agg_kilo | number:'1.1-1' }}</td>
                                <td class="align-right">{{ agg_meter | number:'1.1-1' }}</td>
                                <td></td>
                            </tr>
                        </tbody>

                    </nz-table>
                </div>
            </div>
        </div>
    </div>
</div>


<div nz-row>
    <div nz-col nzSpan="24">
        <ng-template #elseBlock>{{ noDataTip }}</ng-template>
    </div>
</div>
